<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
<title>哥几个懂第一届中法大赛</title>
  <script type="text/javascript" src="resource/js/lib/jquery-1.4.4.min.js"></script>
	<script type='text/javascript' src='resource/js/lib/jquery.bgiframe.min.js'></script>
	<script type='text/javascript' src='resource/js/lib/jquery.ajaxQueue.js'></script>
	<script type='text/javascript' src='resource/js/lib/thickbox-compressed.js'></script>
    <script type="text/javascript" src="resource/js/autocomplete/jquery.autocomplete.js"></script>
   <link rel="stylesheet" type="text/css" href="resource/js/autocomplete/jquery.autocomplete.css" />
   <link rel="stylesheet" type="text/css" href="resource/js/lib/thickbox.css" />
   <script type="text/javascript" src="resource/core.js"></script>
   
  <script type="text/javascript">
   		var websites = [
		"家家","天宝", "500", "黑子 ", "太监", "徐淘"];
		$().ready(function() {
			$("#name").autocomplete(websites,{
				minChars:0, //minChars表示在自动完成激活之前填入的最小字符
				max: 5, 	//max表示列表里的条目数
				autoFill: true, //autoFill表示自动填充
				mustMatch: true,//mustMatch表示必须匹配条目，也就是在文本框里输入的内容，必须是data参数里的数据，如果不匹配，文本框就被清空
				matchContains: true,//matchContains表示包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示
				scrollHeight: 200,
				//格式化列表中的条目
				formatItem: function(data, i, total) {
				return "<I>"+data[0]+"</I>";
				},
				//由于使用了formatItem，所以条目中的内容有所改变，而我们要匹配的是原始的数据，所以用formatMatch做一个调整，使之匹配原始数据
				formatMatch: function(data, i, total) {
					return data[0];
				},
				//formatResult是定义最终返回的数据，比如我们还是要返回原始数据，而不是formatItem过的数据
				formatResult: function(data) {
					return data[0];
				}
			});	
		});
   </script>  
<style type="text/css"> 
/* CSS Document */ 

body { 
    font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    color: #4f6b72; 
    background: #E6EAE9; 
} 

a { 
    color: #c75f3e; 
} 

#mytable { 
	border-collapse:collapse;
    width: 300px;
    height:220px;
    padding: 0; 
    margin: 2px; 
} 

caption { 
    padding: 0 0 5px 0; 
    width: 300px;      
    font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    text-align: right; 
} 

th { 
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    color: #4f6b72; 
    border-right: 1px solid #C1DAD7; 
    border-bottom: 1px solid #C1DAD7; 
    border-top: 1px solid #C1DAD7; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    text-align: left; 
    padding: 6px 6px 6px 12px; 
    background: #CAE8EA url(images/bg_header.jpg) no-repeat; 
	white-space:nowrap; 
} 



td { 
    border-right: 1px solid #C1DAD7; 
    border-bottom: 1px solid #C1DAD7; 
    background: #fff; 
    font-size:13px; 
    padding: 6px 6px 6px 12px; 
    color: #4f6b72; 
	width:60px;
	white-space:nowrap;
	empty-cells:show; 
} 


td.alt { 
    background: #F5FAFA; 
    color: #797268; 
} 

th.spec { 
    border-left: 1px solid #C1DAD7; 
    border-top: 0; 
    background: #fff url(images/bullet1.gif) no-repeat; 
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
} 

th.specalt { 
    border-left: 1px solid #C1DAD7; 
    border-top: 0; 
    background: #f5fafa url(images/bullet2.gif) no-repeat; 
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    color: #797268; 
} 
#center{
margin-top:30px;
width:930px;
height:450px;
}
/*---------for IE 5.x bug*/ 
html>body td{ font-size:11px;} 
</style> 
</head>

<body>
<div id="center" style="float:left;">
<div style="float:left;">
	<table id="mytable" cellspacing="0"> 
	<caption> </caption> 
	  <tr> 
		<th scope="col" abbr="Configurations"><div>家家 VS</div></th> 
		<th scope="col" abbr="Dual 2">诸葛</th> 
		<th scope="col" abbr="Dual 2.5">司马</th> 
		<th scope="col" abbr="Dual 2.5">得分</th> 
	  </tr> 
	  <tr> 
		<th scope="row" abbr="Model" class="spec">太监</th> 
		<td><font color="black">输(完败)</font></td> 
		<td><font color="black">输(1:3)</font></td> 
		<td><font color="black">-1</font></td> 
	  </tr> 
	  <tr> 
		<th scope="row" abbr="G5 Processor" class="specalt">天宝</th> 
		<td class="alt"><font color=""></font></td> 
		<td class="alt"><font color=""></font></td> 
		 <td class="alt"><font color=""></font></td> 
	  </tr> 
	  <tr> 
		<th scope="row" abbr="G5 Processor" class="spec">500</th> 
		<td><font color=""></font></td> 
		<td><font color="black">输(完败)</font></td> 
		 <td><font color=""></font></td> 
	  </tr> 
	  <tr> 
		<th scope="row" abbr="G5 Processor" class="specalt">徐淘</th> 
		<td class="alt"><font color="black">输(2:3)</font></td> 
		<td class="alt"><font color="black">输(完败)</font></td> 
		 <td class="alt"><font color="">-1</font></td> 
	  </tr> 
	 <tr> 
		<th scope="row" abbr="G5 Processor" class="spec">黑子</th> 
		<td ><font color="black">输(完败)</font></td> 
		<td ><font color="red">赢(3:2)</font></td> 
		 <td ><font color="black">0</font></td> 
	  </tr> 
	 <tr> 
		<th scope="row" abbr="G5 Processor" class="specalt">总分</th> 
		<td class="alt" colspan="4">未统计</td> 
	  </tr> 
	</table> 
</div>
<div style="float:left;height:100px;border:1px">&nbsp</div>

<div style="float:left">
<table id="mytable" cellspacing="0"> 
<caption> </caption> 
  <tr> 
    <th scope="col" abbr="Configurations">太监 VS </th> 
    <th scope="col" abbr="Dual 2">诸葛</th> 
    <th scope="col" abbr="Dual 2.5">司马</th> 
	<th scope="col" abbr="Dual 2.5">得分</th> 
  </tr> 
  <tr> 
    <th scope="row" abbr="Model" class="spec">家家</th> 
    <td><font color="red">赢(完胜)</font></td> 
    <td><font color="red">赢(3:1)</font></td> 
	<td><font color="red">1</font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">天宝</th> 
    <td class="alt"><font color=""></font></td> 
    <td class="alt"><font color=""></font></td> 
	 <td class="alt"><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">500</th> 
    <td><font color=""></font></td> 
    <td><font color=""></font></td> 
	 <td><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">徐淘</th> 
    <td class="alt"><font color=""></font></td> 
    <td class="alt"><font color=""></font></td> 
	 <td class="alt"><font color=""></font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">黑子</th> 
    <td ><font color="red">赢(3:1)</font></td> 
    <td ><font color="black">输(2:3)</font></td> 
	 <td ><font color="">0</font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">总分</th> 
    <td class="alt" colspan="4">未统计</td> 
  </tr> 
</table> 
</div>
<div style="float:left;height:100px;border:1px">&nbsp</div>
<div>
<table id="mytable" cellspacing="0" > 
<caption> </caption> 
  <tr> 
    <th scope="col" abbr="Configurations">天宝 VS </th> 
    <th scope="col" abbr="Dual 2">诸葛</th> 
    <th scope="col" abbr="Dual 2.5">司马</th> 
	<th scope="col" abbr="Dual 2.5">得分</th> 
  </tr> 
  <tr> 
    <th scope="row" abbr="Model" class="spec">太监</th> 
    <td><font color=""></font></td> 
    <td><font color=""></font></td> 
	<td><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">家家</th> 
    <td class="alt"><font color=""></font></td> 
    <td class="alt"><font color=""></font></td> 
	 <td class="alt"><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">500</th> 
    <td><font color="black">输(完败)</font></td> 
    <td><font color="black">输(2:3)</font></td> 
	 <td><font color="">-1</font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">徐淘</th> 
    <td class="alt"><font color=""></font></td> 
    <td class="alt"><font color=""></font></td> 
	 <td class="alt"><font color=""></font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">黑子</th> 
    <td ><font color=""></font></td> 
    <td ><font color=""></font></td> 
	 <td ><font color=""></font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">总分</th> 
    <td class="alt" colspan="4">未统计</td> 
  </tr> 
</table> 
</div>
<div style="float:left;">
<table id="mytable" cellspacing="0"> 
<caption> </caption> 
  <tr> 
    <th scope="col" abbr="Configurations">500 VS </th> 
    <th scope="col" abbr="Dual 2">诸葛</th> 
    <th scope="col" abbr="Dual 2.5">司马</th> 
	<th scope="col" abbr="Dual 2.5">得分</th> 
  </tr> 
  <tr> 
    <th scope="row" abbr="Model" class="spec">太监</th> 
    <td><font color=""></font></td> 
    <td><font color=""></font></td> 
	<td><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">天宝</th> 
    <td class="alt"><font color="red">赢(3:2)</font></td> 
    <td class="alt"><font color="red">赢(完胜)</font></td> 
	 <td class="alt"><font color="red">1</font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">家家</th> 
    <td><font color="red">赢(完胜)</font></td> 
    <td><font color=""></font></td> 
	 <td><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">徐淘</th> 
    <td class="alt"><font color=""></font></td> 
    <td class="alt"><font color=""></font></td> 
	 <td class="alt"><font color=""></font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">黑子</th> 
    <td ><font color=""></font></td> 
    <td ><font color=""></font></td> 
	 <td ><font color=""></font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">总分</th> 
    <td class="alt" colspan="4">未统计</td> 
  </tr> 
</table> 
</div>
<div style="float:left;height:100px;border:1px">&nbsp</div>

<div style="float:left">
<table id="mytable" cellspacing="0"> 
<caption> </caption> 
  <tr> 
    <th scope="col" abbr="Configurations">徐淘 VS </th> 
    <th scope="col" abbr="Dual 2">诸葛</th> 
    <th scope="col" abbr="Dual 2.5">司马</th> 
	<th scope="col" abbr="Dual 2.5">得分</th> 
  </tr> 
  <tr> 
    <th scope="row" abbr="Model" class="spec">太监</th> 
    <td><font color=""></font></td> 
    <td><font color=""></font></td> 
	<td><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">天宝</th> 
    <td class="alt"><font color=""></font></td> 
    <td class="alt"><font color=""></font></td> 
	 <td class="alt"><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">500</th> 
    <td><font color=""></font></td> 
    <td><font color=""></font></td> 
	 <td><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">家家</th> 
    <td class="alt"><font color="red">赢(完胜)</font></td> 
    <td class="alt"><font color="red">赢(3:2)</font></td> 
	 <td class="alt"><font color="">1</font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">黑子</th> 
    <td ><font color=""></font></td> 
    <td ><font color=""></font></td> 
	 <td ><font color=""></font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">总分</th> 
    <td class="alt" colspan="4">未统计</td> 
  </tr> 
</table> 
</div>

<div style="float:left;height:100px;border:1px">&nbsp</div>
<table id="mytable" cellspacing="0"> 
<caption> </caption> 
  <tr> 
    <th scope="col" abbr="Configurations">黑子 VS </th> 
    <th scope="col" abbr="Dual 2">诸葛</th> 
    <th scope="col" abbr="Dual 2.5">司马</th> 
	<th scope="col" abbr="Dual 2.5">得分</th> 
  </tr> 
  <tr> 
    <th scope="row" abbr="Model" class="spec">太监</th> 
    <td><font color="red">赢(3:2)</font></td> 
    <td><font color="black">输(1:3)</font></td> 
	<td><font color="">0</font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">天宝</th> 
    <td class="alt"><font color=""></font></td> 
    <td class="alt"><font color=""></font></td> 
	 <td class="alt"><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">500</th> 
    <td><font color=""></font></td> 
    <td><font color=""></font></td> 
	 <td><font color=""></font></td> 
  </tr> 
  <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">徐淘</th> 
    <td class="alt"><font color=""></font></td> 
    <td class="alt"><font color=""></font></td> 
	 <td class="alt"></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="spec">家家</th> 
    <td ><font color="black">输(2:3)</font></td> 
    <td ><font color="red">赢(完胜)</font></td> 
	 <td ><font color="">0</font></td> 
  </tr> 
 <tr> 
    <th scope="row" abbr="G5 Processor" class="specalt">总分</th> 
    <td class="alt" colspan="4">未统计</td> 
  </tr> 
</table> 
</div>
 <div style="float:left;margin-top:30px;">
 	 <div style="width:200px;height:400px;border:1px solid;margin:2px;"></div>
 	 <div style="width:200px;height:100px;margin:2px;">
 	 	<div ><input id="name"/></div>
 	 	<div style="margin-top:5px;"><textarea cols="25" rows="4" ></textarea></div>
 	 	<div><input type="button" value="button"/></div>
 	 </div>
 </div>
</body>
</html>